<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>中继页面</title>

  <style>
    li{ list-style-type:none}
    #liveBgBox {
      display: none;
      opacity: 0;
      z-index: -2;
      position: absolute;
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: opacity 1s,transform .25s,filter .25s;
    }


    .title {
      position: absolute;
      top: 200px;
      left: 50%;
      transform: translateX(-50%);
      width: 230px;
      max-width: 80%;
      padding: 13px 15px;
      border-radius: 30px;
      text-align: center;
      font-size: 130%;
      font-family: "Microsoft Yahei Light","Microsoft Yahei",PingFangSC-Regular,Helvetica,sans-serif;
      color: #419641;

    }


    body {

      max-width: 100%;
      overflow: hidden;
      margin: 0;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
      cursor: default;
      -webkit-tap-highlight-color: transparent;
      -webkit-user-select: none;
      user-select: none;
    }

  </style>

</head>
<body>
<div id="bodyBox">

  <video id="liveBgBox" autoplay="" loop="" muted="" class=""
         src="https://cdn.jsdelivr.net/gh/MobiusBeta/assets/videos/lime-live-wallpapers/Live1.mp4"
         style="display: block; opacity: 1;">
  </video>

  <div class="title" id="title">
    <ul>
      <li>
        <a href="/sc/sc" target="_blank">学生课程成绩信息页面</a>
      </li>
      <li>
        <a href="/student/student" target="_blank">学生信息管理页面</a>
      </li>
      <li>
        <a href="/score/score" target="_blank">成绩信息管理页面</a>
      </li>
      <li>
        <a href="/course/course" target="_blank">课程信息管理页面</a>
      </li>



    </ul>

  </div>
</div>
<!-- 这儿调用的是可以返回页面的接口 -->





</body>
</html>